﻿@model Hetang.Models.Classes.dt_Signup
@using Hetang.Models.ControlExtensions
@{
    ViewBag.Title = "注册用户";
}

<div class="container top80">
    <div class="row-fluid container-bg" style="padding-top:30px;padding-bottom:30px">        
        <h2 class="form-title">注册用户</h2>
        <hr />
        <div class="span6" style="border-right:1px solid #eee">
            @using (Html.BeginForm("index", "signup", FormMethod.Post, new { autocomplete = "off", @class = "form-horizontal form-signup" }))
            {
                <div class="validation">@Html.ValidationMessageFor(model => model.ErrMessage)</div>        
                <div class="control-group">
                    @Html.LabelFor(model => model.email, new { @class = "control-label" })
                    <div class="controls">
                        @Html.TextBox("email", "", new { placeholder = "邮箱地址" })<br />
                        @Html.ValidationMessageFor(model => model.email)
                    </div>
                </div>
                <div class="control-group">
                    @Html.LabelFor(model => model.password, new { @class = "control-label" })
                    <div class="controls">
                        @Html.Password("password", "", new { placeholder = "输入您的密码，6-16位", maxlength = 16 })<br />
                        @Html.ValidationMessageFor(model => model.password)
                    </div>
                </div>
                <div class="control-group">
                    @Html.LabelFor(model => model.password2, new { @class = "control-label" })
                    <div class="controls">
                        @Html.Password("password2", "", new { placeholder = "确认新密码", maxlength = 16 })<br />
                        @Html.ValidationMessageFor(model => model.password2)
                    </div>
                </div>                
                <div class="control-group">
                    @Html.LabelFor(model => model.username, new { @class = "control-label" })
                    <div class="controls">
                        @Html.TextBox("username", "", new { placeholder = "支持中、英文3-10个字符", maxlength = 10 })<br />
                        @Html.ValidationMessageFor(model => model.username)
                    </div>
                </div>
                <div class="control-group">
                    @Html.LabelFor(model => model.usertype, new { @class = "control-label" })
                    <div class="controls">
                        <label class="radio inline">@Html.RadioButtonFor(model => model.usertype, "person")个人用户</label>
                        <label class="radio inline">@Html.RadioButtonFor(model => model.usertype, "company")企业用户</label><br />
                        @Html.ValidationMessageFor(model => model.usertype)
                    </div>
                </div>
                <div class="control-group">
                    <div class="control-label"></div>
                    <div class="controls">
                        <label class="checkbox">
                            <input type="checkbox" name="agree" value="true" />我已经认真阅读并同意<a class="check" href="#agreement" data-toggle="modal">《使用协议》</a><br />
                            @Html.ValidationMessageFor(model => model.agree)
                        </label>                        
                    </div>
                </div>
                <div class="control-group">
                    <div class="control-label"></div>
                    <div class="controls">
                        <input type="submit" class="btn btn-info btn-large" value="马上注册">
                        <a class="weibo" href="SignupByWeibo"></a>
                    </div>
                </div>
            }
        </div>
        <div class="span5">
            <h4>你还可以用以下第三方账号免注册直接登录</h4>
            <ul class="signup-list">
                <li><a href="/signup/sina"><img src="../../Data/img/sina.png" /></a></li>
                <li><a href="/signup/qq"><img src="../../Data/img/qq.png" /></a></li>
            </ul>
        </div>
    </div>
</div>

<div id="agreement" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="agreementLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="agreementLabel">使用协议</h3>
    </div>
    <div class="modal-body">
        <p>当您申请用户时，表示您已经同意遵守本规章。</p>
        <p>欢迎您加入本站点参与交流和讨论，本站点为社区，为维护网上公共秩序和社会稳定，请您自觉遵守以下条款：</p>
        <p>
            一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播下列信息：<br />
            <br />
            （一）煽动抗拒、破坏宪法和法律、行政法规实施的；<br />
            <br />
            （二）煽动颠覆国家政权，推翻社会主义制度的；<br />
            <br />
            （三）煽动分裂国家、破坏国家统一的；<br />
            <br />
            （四）煽动民族仇恨、民族歧视，破坏民族团结的；<br />
            <br />
            （五）捏造或者歪曲事实，散布谣言，扰乱社会秩序的；<br />
            <br />
            （六）宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖、教唆犯罪的；<br />
            <br />
            （七）公然侮辱他人或者捏造事实诽谤他人的，或者进行其他恶意攻击的；<br />
            <br />
            （八）损害国家机关信誉的；<br />
            <br />
            （九）其他违反宪法和法律行政法规的；<br />
            <br />
            （十）进行商业广告行为的。
        </p>
        <p>二、互相尊重，对自己的言论和行为负责。</p>
        <p>三、禁止在申请用户时使用相关本站的词汇，或是带有侮辱、毁谤、造谣类的或是有其含义的各种语言进行注册用户，否则我们会将其删除。</p>
        <p>四、禁止以任何方式对本站进行各种破坏行为。</p>
        <p>五、如果您有违反国家相关法律法规的行为，本站概不负责，您的登录信息均被记录无疑，必要时，我们会向相关的国家管理部门提供此类信息。</p>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" id="btn_agree" data-dismiss="modal" aria-hidden="true">同意</button>
        <button class="btn" id="btn_unAgree" data-dismiss="modal" aria-hidden="true">不同意</button>
    </div>
</div>

@Html.GetJavascript("jquery.validate.min.js")
@Html.GetJavascript("jquery.validate.unobtrusive.min.js")

<script type="text/javascript">
    $(function () {
        $("#btn_agree").click(function () {
            $("[name='agree']").prop('checked', true);
        });
        $("#btn_unAgree").click(function () {
            $("[name='agree']").prop('checked', false);
        });

        $(".signup-list a").click(function () {
            alert("免注册登录功能正在完善中，很快会开放的啦！╮(╯▽╰)╭");
            return false;
        });
    });
</script>
